<template>
  <div>
    <v-card title="基础矩形树图">
      <vcu-chart-treemap :data="chartData" />
    </v-card>
  </div>
</template>

<script>
export default {
  name: "basic",
  data() {
    return {
      chartData: {
        measures: [
          {
            name: "分类 1",
            value: 560,
          },
          {
            name: "分类 2",
            value: 500,
          },
          {
            name: "分类 3",
            value: 300,
          },
          {
            name: "分类 4",
            value: 150,
          },
          {
            name: "分类 5",
            value: 115,
          },
          {
            name: "分类 6",
            value: 95,
          },
          {
            name: "分类 7",
            value: 90,
          },
          {
            name: "分类 8",
            value: 75,
          },
          {
            name: "分类 9",
            value: 66,
          },
          {
            name: "分类 10",
            value: 52,
          },
        ],
      },
    };
  },
  methods: {},
  created() {},
};
</script>
<style lang="less" scoped>
</style>
